
.registration {
    color: #fff;
    background: #2d2d2d;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(60,60,60)),
        color-stop(0.74, rgb(43,43,43)),
        color-stop(1, rgb(60,60,60))
        );
    background: -moz-linear-gradient(
        center bottom,
        rgb(60,60,60) 0%,
        rgb(43,43,43) 74%,
        rgb(60,60,60) 100%
        );
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 10px;
    width: 400px;
}

.registration a {
    color: #8c910b;
    text-shadow: 0px -1px 0px #000;
}

.registration fieldset {
    padding: 20px;
}

input.text {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:solid 1px #444;
    font-size: 14px;
    width: 90%;
    padding: 7px 8px 7px 30px;
    -moz-box-shadow: 0px 1px 0px #777;
    -webkit-box-shadow: 0px 1px 0px #777;
    background: #ddd url('../img/inputSprite.png') no-repeat 4px 5px;
    background: url('../img/inputSprite.png') 
        no-repeat 4px 5px, -moz-linear-gradient(center bottom,rgb(225,225,225) 0%, rgb(215,215,215) 54%,rgb(173,173,173) 100%);
    background:  url('../img/inputSprite.png') no-repeat 4px 5px, -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(225,225,225)),color-stop(0.54, rgb(215,215,215)),color-stop(1, rgb(173,173,173)));
    color:#333;
    text-shadow:0px 1px 0px #FFF;
}
input.textf {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:solid 1px #444;
    font-size: 14px;
    width: 90%;
    padding: 7px 8px 7px 30px;
    -moz-box-shadow: 0px 1px 0px #777;
    -webkit-box-shadow: 0px 1px 0px #777;
    //background: #ddd url('../img/inputSprite.png') no-repeat 4px 5px;
    // background: url('../img/inputSprite.png') 
    // no-repeat 4px 5px, -moz-linear-gradient(center bottom,rgb(225,225,225) 0%, rgb(215,215,215) 54%,rgb(173,173,173) 100%);
    //background:  url('../img/inputSprite.png') no-repeat 4px 5px, -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(225,225,225)),color-stop(0.54, rgb(215,215,215)),color-stop(1, rgb(173,173,173)));
    background-color:#ddd;
    text-shadow:0px 1px 0px #FFF;
}
input.buttom {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 50px;
    height: 20px;
    border: 1px;
    margin: 5px;
    // text-indent: -9999px;
    //background: url('../img/createAccountButton.png') no-repeat;
    cursor: pointer;

}	

input#email { 
    background-position: 4px 5px; 
    background-position: 4px 5px, 0px 0px;
}

input#password { 
    background-position: 4px -20px; 
    background-position: 4px -20px, 0px 0px;
}

input#name { 
    background-position: 4px -46px; 
    background-position: 4px -46px, 0px 0px; 
}

input#tel { 
    background-position: 4px -76px; 
    background-position: 4px -76px, 0px 0px; 
}

#registration h2 {
    color: #fff;
    text-shadow: 0px -1px 0px #000;
    border-bottom: solid #181818 1px;
    -moz-box-shadow: 0px 1px 0px #3a3a3a;
    text-align: center;
    padding: 18px;
    margin: 0px;
    font-weight: normal;
    font-size: 24px;
    font-family: Lucida Grande, Helvetica, Arial, sans-serif;
}


#registerNew {
    width: 203px;
    height: 40px;
    border: none;
    text-indent: -9999px;
    background: url('../img/createAccountButton.png') no-repeat;
    cursor: pointer;
    float: right;
}

#registerNew:hover { background-position: 0px -41px; }
#registerNew:active { background-position: 0px -82px; }

.registration p {
    position: relative;
}

fieldset label.infield /* .infield label added by JS */ {
    color: #333;
    text-shadow: 0px 1px 0px #fff;
    position: absolute;
    text-align: left;
    top: 3px !important;
    left: 35px !important;
    line-height: 29px;
}

/*---------------------------------table--------------------------*/

.CSSTableGenerator {
    margin:0px;padding:0px;
    width:100%;
    border:1px solid #000000;

    -moz-border-radius-bottomleft:12px;
    -webkit-border-bottom-left-radius:12px;
    border-bottom-left-radius:12px;

    -moz-border-radius-bottomright:12px;
    -webkit-border-bottom-right-radius:12px;
    border-bottom-right-radius:12px;

    -moz-border-radius-topright:12px;
    -webkit-border-top-right-radius:12px;
    border-top-right-radius:12px;

    -moz-border-radius-topleft:12px;
    -webkit-border-top-left-radius:12px;
    border-top-left-radius:12px;
}.CSSTableGenerator table{
    width:100%;
    height:100%;
    margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
    -moz-border-radius-bottomright:12px;
    -webkit-border-bottom-right-radius:12px;
    border-bottom-right-radius:12px;
}
.CSSTableGenerator table tr:first-child td:first-child {
    -moz-border-radius-topleft:12px;
    -webkit-border-top-left-radius:12px;
    border-top-left-radius:12px;
}
.CSSTableGenerator table tr:first-child td:last-child {
    -moz-border-radius-topright:12px;
    -webkit-border-top-right-radius:12px;
    border-top-right-radius:12px;
}.CSSTableGenerator tr:last-child td:first-child{
    -moz-border-radius-bottomleft:12px;
    -webkit-border-bottom-left-radius:12px;
    border-bottom-left-radius:12px;
}.CSSTableGenerator tr:hover td{

}
.CSSTableGenerator tr:nth-child(odd){ background-color:#56aaff; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
    vertical-align:middle;


    border:1px solid #000000;
    border-width:0px 1px 1px 0px;
    text-align:left;
    padding:9px;
    font-size:14px;
    font-family:Arial;
    font-weight:normal;
    color:#000000;
}.CSSTableGenerator tr:last-child td{
    border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
    border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
    border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
    background:-o-linear-gradient(bottom, #56aaff 5%, #56aaff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #56aaff), color-stop(1, #56aaff) );
    background:-moz-linear-gradient( center top, #56aaff 5%, #56aaff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#56aaff", endColorstr="#56aaff");	background: -o-linear-gradient(top,#56aaff,56aaff);

    background-color:#56aaff;
    border:0px solid #000000;
    text-align:center;
    border-width:0px 0px 1px 1px;
    font-size:14px;
    font-family:Arial;
    font-weight:bold;
    color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
    background:-o-linear-gradient(bottom, #56aaff 5%, #56aaff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #56aaff), color-stop(1, #56aaff) );
    background:-moz-linear-gradient( center top, #56aaff 5%, #56aaff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#56aaff", endColorstr="#56aaff");	background: -o-linear-gradient(top,#56aaff,56aaff);

    background-color:#56aaff;
}
.CSSTableGenerator tr:first-child td:first-child{
    border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
    border-width:0px 0px 1px 1px;
}